import React from 'react';
import { ThemeProvider, CssBaseline } from '@mui/material';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import theme from './theme';
import MainLayout from './layouts/MainLayout';
import { AuthProvider } from './contexts/AuthContext';

// 页面组件
import Home from './pages/Home';               // 首页：游戏推荐、最新发布、热门游戏等
import GameDetail from './pages/GameDetail';   // 游戏详情：游戏信息、截图、评论等
import Profile from './pages/Profile';         // 个人中心：用户信息、游戏库、评论等
import Categories from './pages/Categories';   // 分类页面：游戏分类、筛选、排序等
import SearchResults from './pages/SearchResults'; // 搜索结果：游戏、文章、讨论等
import Auth from './pages/Auth';              // 登录/注册页面

/**
 * 路由说明：
 * / - 首页
 * /game/:id - 游戏详情页，:id为游戏ID
 * /profile - 个人中心页面
 * /categories - 游戏分类页面
 * /search - 搜索结果页面，接受查询参数 ?q=搜索关键词
 * /auth - 登录/注册页面
 * /forgot-password - 忘记密码页面（待实现）
 * /terms - 服务条款页面（待实现）
 * /privacy - 隐私政策页面（待实现）
 */

function App() {
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <AuthProvider>
        <Router>
          <MainLayout>
            <Routes>
              {/* 首页 */}
              <Route path="/" element={<Home />} />
              
              {/* 游戏详情页 */}
              <Route path="/game/:id" element={<GameDetail />} />
              
              {/* 个人中心 */}
              <Route path="/profile" element={<Profile />} />
              
              {/* 游戏分类 */}
              <Route path="/categories" element={<Categories />} />
              
              {/* 搜索结果 */}
              <Route path="/search" element={<SearchResults />} />

              {/* 登录/注册 */}
              <Route path="/auth" element={<Auth />} />
            </Routes>
          </MainLayout>
        </Router>
      </AuthProvider>
    </ThemeProvider>
  );
}

export default App;
